
	<!DOCTYPE html>
	<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<title>爱代挂QQ信息查询系统</title>
		<meta name="keywords" content="爱代挂信息查询,爱代挂QQ状态查询,爱代挂查询系统,爱代挂"/>
		<meta name="description" content="爱代挂QQ代挂状态查询系统，整合官方接口让查询QQ信息更方便快捷！">
		<meta name="author" content="王小大">
		<link href="https://lib.baomitu.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
		<link href="https://lib.baomitu.com/limonte-sweetalert2/7.33.1/sweetalert2.min.css" rel="stylesheet">
		<link rel="stylesheet" href="/static/css/all.min.css">
		<link href="/static/css/style.css?v=1.3" rel="stylesheet">
		<script src="https://lib.baomitu.com/jquery/2.1.4/jquery.min.js"></script>
		<script src="/static/js/jquery.pjax.js?v=1.3"></script>
		<script src="/static/js/common.js"></script>
		<script src="https://lib.baomitu.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
		<script src="https://lib.baomitu.com/limonte-sweetalert2/7.33.1/sweetalert2.all.min.js"></script>
		<script src="https://lib.baomitu.com/layer/3.1.1/layer.js"></script>
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
			<div class="container">
			    <a class="navbar-brand" data-pjax href="javascript:void(0);"><i class="fab fa-stripe-s"></i> 查询系统</a>
			    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav">
			        <span class="navbar-toggler-icon"></span>
			    </button>
			    <div class="collapse navbar-collapse" id="nav">
			        <ul class="navbar-nav ml-auto">
			            <li class="nav-item active">
			                <a class="nav-link" data-pjax _action="index" href="/"><i class="fas fa-bolt"></i> 首页</a>
			            </li>
			            <li class="nav-item">
			                <a class="nav-link" data-pjax _action="doc" href="/index/index/doc.html"><i class="fab fa-staylinked"></i> 对接文档</a>
			            </li>
			        </ul>
			    </div>
			</div>
		</nav>

	<div class="container" id="pjax-container">
		<div class="card text-center mt-3">
		    <h5 class="card-header">
		        爱代挂QQ信息查询
		    </h5>
		    <div class="card-body">
		        <form action="">
		        	<div class="row">
		        		<div class="col-12 col-md-9">
		        			<div class="input-group mb-3">
							    <div class="input-group-prepend">
							        <span class="input-group-text">ＱＱ号码</span>
							    </div>
							    <input type="text" name="qq" class="form-control" placeholder="输入代挂QQ号码">
							</div>
		        		</div>
		        		<div class="col-12 col-md-3">
		        			<button type="submit" class="btn btn-primary btn-block submit"><i class="fas fa-search"></i> 查询信息</button>
		        		</div>
		        	</div>
		        </form>
		        <div class="table mt-3" style="display: none;">
					<ul class="nav nav-pills  my-3 justify-content-center">
					    <li class="nav-item">
					        <a class="nav-link active" id="dg" data-toggle="pill" href="#dgstatus">代挂状态</a>
					    </li>
					    <li class="nav-item">
					        <a class="nav-link" id="bg" data-toggle="pill" href="#bgstatus">补挂状态</a>
					    </li>
					</ul>
					<div class="card pt-3">
						<div class="m-auto d-inline-block position-relative">
					    	<img src="http://q.qlogo.cn/headimg_dl?dst_uin=918247855&spec=100" width="100px" class="rounded-circle border shadow-sm" id="QQ头像">
					    	<div class="badge badge-pill badge-danger position-absolute" id="类型" style="right: -.8rem;bottom: .5rem;"></div>
					    </div>
					    <div class="card-body">
					        <h4 class="mb-0"><span class="badge badge-primary text-truncate" style="max-width: 125px;" id="QQ昵称"></span></h4>
					    </div>
					</div>
					<div class="tab-content">
					    <div class="tab-pane fade show active" id="dgstatus">
							<div class="table-responsive mt-3 mb-0">
								<table class="table table-bordered table-sm">
									<caption class="d-md-none">表格可以左右滑动哦！</caption>
									<tbody id="table">
									    <tr>
									        <th class="table-primary shuaibi-table">ＱＱ号码</th>
									        <td class="shuaibi-table" id="QQ"></td>
									        <th class="table-primary shuaibi-table">代挂状态</th>
									        <td id="状态" class="shuaibi-table"></td>
									    </tr>
									    <tr>
									        <th class="table-success shuaibi-table">电脑管家</th>
									        <td id="电脑管家" class="shuaibi-table"></td>
									        <th class="table-success shuaibi-table">电脑在线</th>
									        <td id="电脑QQ" class="shuaibi-table"></td>
									    </tr>
									    <tr>
									        <th class="table-success shuaibi-table">勋 章 墙</th>
									        <td id="勋章墙" class="shuaibi-table"></td>
									        <th class="table-success shuaibi-table">手机在线</th>
									        <td id="手机QQ，运动" class="shuaibi-table"></td>
									    </tr>
									    <tr>
									        <th class="table-success shuaibi-table">ＱＱ音乐</th>
									        <td id="QQ音乐" class="shuaibi-table"></td>
									        <th class="table-success shuaibi-table">手机游戏</th>
									        <td id="手机游戏" class="shuaibi-table"></td>
									    </tr>
									    <tr>
									        <th class="table-success shuaibi-table">空间访客</th>
									        <td id="空间访客" class="shuaibi-table"></td>
									        <th class="table-success shuaibi-table">微视浏览</th>
									        <td id="微视" class="shuaibi-table"></td>
									    </tr>
									    <tr>
									        <th class="table-danger shuaibi-table">ＱＱ所属</th>
									        <td id="站点名称" class="shuaibi-table"></td>
									        <th class="table-danger shuaibi-table">到期时间</th>
									        <td id="代挂到期时间" class="shuaibi-table"></td>
									    </tr>
									</tbody>
								</table>
							</div>
					    </div>
					    <div class="tab-pane fade" id="bgstatus">
							<div class="table-responsive mt-3">
								<table class="table table-bordered table-sm">
									<caption class="d-md-none">表格可以左右滑动哦！</caption>
									<tbody id="table">
									    <tr>
									        <th class="table-success shuaibi-table">电脑管家</th>
									        <td id="电脑管家-bg" class="shuaibi-table"></td>
									        <th class="table-success shuaibi-table">电脑在线</th>
									        <td id="电脑QQ-bg" class="shuaibi-table"></td>
									    </tr>
									    <tr>
									        <th class="table-success shuaibi-table">勋 章 墙</th>
									        <td id="勋章墙-bg" class="shuaibi-table"></td>
									        <th class="table-success shuaibi-table">手机在线</th>
									        <td id="手机QQ，运动-bg" class="shuaibi-table"></td>
									    </tr>
									    <tr>
									        <th class="table-success shuaibi-table">ＱＱ音乐</th>
									        <td id="QQ音乐-bg" class="shuaibi-table"></td>
									        <th class="table-success shuaibi-table">手机游戏</th>
									        <td id="手机游戏-bg" class="shuaibi-table"></td>
									    </tr>
									    <tr>
									        <th class="table-success shuaibi-table">空间访客</th>
									        <td id="空间访客-bg" class="shuaibi-table"></td>
									        <th class="table-success shuaibi-table">微视浏览</th>
									        <td id="微视-bg" class="shuaibi-table"></td>
									    </tr>
									</tbody>
								</table>
							</div>
					    </div>
					</div>
				</div>
		    </div>
		</div>
	</div>
	<footer class="my-3 pt-3 text-muted text-center text-small">
	    <p class="mb-1">© 2019 帅比 <a href="javascript:void(0);" class="btn-link text-decoration-none ver">Ver 1.3</a> <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1276895546'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s23.cnzz.com/z_stat.php%3Fid%3D1276895546%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></p>
	    <ul class="list-inline">
	        <li class="list-inline-item"><a href="http://wxdas.com/" target="_blank">王小大博客</a></li>
	        <li class="list-inline-item"><a href="http://vp.y6a.net/" target="_blank">鑫云博客</a></li>
	        <li class="list-inline-item"><a href="http://iqq.y6a.net/" target="_blank">短视频解析</a></li>
	    </ul>
	</footer>
	<script type="text/html" id="ver">
		<div class="table2">
			<ul class="cbp_tmtimeline">
				<li>
				    <time class="cbp_tmtime">
				    <span>Ver 1.3</span></time> 
				    <div class="cbp_tmlabel text-wrap"> 
				        <p>1.增加补挂状态获取！</p>
				        <p>2.同时更新补挂状态接口及文档！</p>
				    </div>
				</li>
				<li>
				    <time class="cbp_tmtime">
				    <span>Ver 1.2</span></time> 
				    <div class="cbp_tmlabel text-wrap">
				    	<p>1.调整“类型(大、小全套)”显示位置！</p>
				        <p>2.增加对接接口及相应文档！</p>
				    </div>
				</li>
				<li>
				    <time class="cbp_tmtime">
				    <span>Ver 1.1</span></time> 
				    <div class="cbp_tmlabel text-wrap"> 
				        <p>增加查询QQ的头像、昵称获取！</p>
				    </div>
				</li>
				<li>
				    <time class="cbp_tmtime">
				    <span>Ver 1.0</span></time> 
				    <div class="cbp_tmlabel text-wrap"> 
				        <p>查询系统于2019年4月8日正式上线！</p>
				    </div>
				</li>
			</ul>
		</div>
	</script>
	<script type="text/javascript">
		$('.ver').click(function(){
			ver = $('#ver').html();
			swal({
	            title:'',
	            html: ver,
	            buttonsStyling: !1,
	            confirmButtonClass: "btn btn-primary",
	            confirmButtonText: "关闭",
	        });
		})
		$(document).ready(function(){
			$.pjax.defaults.timeout = 5000;
		    $.pjax.defaults.maxCacheLength = 0;
		    $.pjax.defaults.dataType = null;
			/*$(document).pjax('a[data-pjax]','#pjax-container',{
				timeout:1200
			});*/
			$(document).pjax('a:not(a[target="_blank"])', {container:'#pjax-container', fragment:'#pjax-container'});
		    $(document).on('pjax:clicked', function() { // pjax开始
		        layer.load();
		    });
			$(document).on('pjax:complete', function() { // pjax结束
				layer.closeAll();
				var head = document.getElementsByTagName('head')[0];
				var script = document.createElement('script');
				script.src = '/static/js/common.js';
				script.type = 'text/javascript';
				head.appendChild(script);
		    });
		});
		$("a[_action]").click(function(){
			var nav = $("a[_action]");
			// 把所有菜单都设为不选中后
			nav.each(function(){
				var sclass = 'nav-item';//默认的class
				$(this).parent().attr('class',sclass);
			});
			$(this).parent().addClass('active');
		});
		
		console.log("\n %c 王小大QQ：918247855 %c                \n\n","color: #fff; background-image: linear-gradient(90deg, rgb(47, 172, 178) 0%, rgb(45, 190, 96) 100%); padding:5px 1px;","background-image: linear-gradient(90deg, rgb(45, 190, 96) 0%, rgb(255, 255, 255) 100%); padding:5px 0;");
	</script>
</body>
</html>